.container {
  @apply bg-primary p-2 flex-1 flex;
}

.content {
  @apply bg-secondary ml-2 rounded-lg flex-1 py-6 overflow-y-auto overflow-x-hidden;
}

.title {
  @apply text-t-secondary px-6 text-sm;
}

.item {
  @apply p-2 bg-gray-100 rounded-md mx-6 border text-sm mt-2 flex items-center gap-2;
}

.item.plusItem {
  @apply bg-transparent border-transparent px-0;
}

.title + .item {
  @apply mt-4;
}

.nameInput {
  @apply basis-32 shrink-0 grow-0;
}

.iconWrapper {
  @apply cursor-pointer w-8 h-8 flex items-center justify-center;
}

.icon {
  @apply max-h-8 max-w-8;
}

.abbrInput {
  @apply basis-14 shrink-0 grow-0;
}

.browserTitle {
  @apply mt-6;
}

.urlInput {
  @apply flex-1;
}
